
<!--
<ion-view view-title="Dashboard">
  <ion-content class="padding">
    <div class="list card">
      <div class="item item-divider">Recent Updates</div>
      <div class="item item-body">
        <div>
          There is a fire in <b>sector 3</b>
        </div>
      </div>
    </div>
    <div class="list card">
      <div class="item item-divider">Health</div>
      <div class="item item-body">
        <div>
          You ate an apple today!
        </div>
      </div>
    </div>
    <div class="list card">
      <div class="item item-divider">Upcoming</div>
      <div class="item item-body">
        <div>
          You have <b>29</b> meetings on your calendar tomorrow.
        </div>
      </div>
    </div>
  </ion-content>
</ion-view>
-->

<style type="text/css" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
  #login{width: 100%;border: none;font-size: larger;background-color: gold}
  #register{width: 100%;border-color: lightgray;font-size: larger;}
  #pwd{float: right;color: #007aff}
  #registerText{color: gray;}
  #loginText{font-weight: bold}
  #choice{
    border: none;
    position: relative;
    bottom: -10px;
  }
  #p1{color: gray}
  #text1{position: relative;bottom: -5px;}
  #item1{position: relative;bottom: -30px;}
  #item2{position: relative;bottom: -45px;width: 100%;}
  td{padding: 7px}


  #headImg{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: -4px;
  }
  #pwdImg{
    width: 20px;
    height: 20px;
    position: relative;
    bottom: -4px;
  }
  #weiImg{
    width: 40px;
    height: 40px;
    border-radius: 10px;

  }
  #sinaImg{
    width: 40px;
    height: 40px;
    border-radius: 10px;

  }
  #qqImg{
    width: 40px;
    height: 40px;
    border-radius: 10px;

  }
  #emailImg{
    width: 40px;
    height: 40px;
    border-radius: 10px;

  }

</style>
<ion-view title="登录" id="view">
  <ion-content class="padding">
    <div class="list list-inset">
      <label class="item item-input">
        <span class="input-label">
          <img src="img/iconfont-wodetouxiang.png" id="headImg">
          账号 :
        </span>
        <input type="text" id="loginName" placeholder="请输入手机号" ng-model="loginName" ng-keyup="inputChanged()">
      </label>
      <label class="item item-input">
        <span class="input-label">
          <img src="img/iconfont-suoding.png" id="pwdImg">
          密码 :
        </span>
        <input type="password" id="loginPwd" placeholder="请输入密码" ng-model="loginPwd" ng-keyup="inputChanged()">
      </label>

      <div class="item" id="choice">
          <input type="checkbox" ng-model="checkbox" checked>
            记住密码
          </input>

        <a href="http://www.baidu.com" id="pwd">
          忘记密码？
        </a>
      </div>
    </div>
    <p align="center">
      <a  class="button button-positive" id="login" ng-click="signIn()" ng-disabled="loginDisabled"><span id="loginText">登录</span></a>
    </p>
    <p align="center">
      <a class="button  button-clear"  id="register" href="#tab/register"><span id="registerText">注册</span></a>
    </p>
    <item id="item1">
      <p align="center" id="p1">
        __________  <span id="text1">或用以下方式登录</span>  __________
      </p>
    </item>
    <div id="item2">
    <center>
      <table border="0" >
        <tr>
          <td>
            <img id="weiImg" src="img/weixin.png">
          </td>
          <td>
            <img id="sinaImg" src="img/xinlang.png">
          </td>
          <td>
            <img id="qqImg" src="img/qq.jpeg">
          </td>
          <td>
            <img id="emailImg" src="img/email.jpg">
          </td>
        </tr>
      </table>
     </center>
    </div>


<!--
    <div align="left">
          <a href="#tab/register">
            免费注册
          </a>
     </div>
       <div align="right">

          <a  href="http://www.baidu.com">
            忘记密码？
          </a>

       </div>
-->
  </ion-content>
</ion-view>


